18 Super Slick jQuery Gallery Examples Examples

1. Multipurpose Bookshelf Slider - jQuery Plugin

featured image

Gallery Navigation;

jQuery plugin. Compatible with jquery 1. PSDs and examples included;

Changed the script for backward compatibility with jQuery 1.

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. Social Gallery WordPress Photo Viewer Plugin

featured image

Social Gallery is The Ultimate Social Lightbox for WordPress.Social Gallery Plugin is a fantastic new way to engage visitors to your WordPress blog by adding the ultimate lightbox featuring social media buttons (Facebook like, Facebook Send, Pinterests ‘Pin it’, Twitters ‘Tweet This’ and now Linked In, Stumble Upon & Tumblr) as well as Facebook or Disqus Comments!

Your blog visitors already click your images, at best perhaps you have a lightbox feature (or maybe you don’t even have that!) – but once they click your images (and if they clicked it, they probably like it!) then what? With Social Gallery Plugin your users can “like”, “tweet” and “pin” the images on your page!

Social Gallery [shortcodes] released

Perfect compliment for the Social Gallery Lightbox

Social Gallery Features:

Image Library & Social Gallery Pages

Detailed Documentation with examples

Works with WordPress Galleries like NextGen, WordPress Gallery Plugin and Justified Imaged Grid

Facebook’s 1 Billion+ users will be familiar with Social Gallery

The Ultimate WordPress Facebook Plugin for Photo Viewing – Easily integrated just by installing the plugin! Once installed you can view your very own Facebook style gallery – on your own blog!

Social Gallery really is now the most Kick Ass lightbox/gallery sharing plugin!

Integrates directly with WordPress – you get an extra menu item for Social Gallery where you can manage everything including settings, image library and update engine

Tweak your Social Gallery easily from the options screen

Modern CSS and jQuery enhancements

Compressed jQuery (javascript) and CSS for faster loading

Faster than the original Lightbox, and now even faster than older Social Gallery Versions!

Social Gallery Technology

Uses jQuery and the latest scripts for Facebook Integration, Twitter Tweet it Buttons and Pinterest Pin It buttons as well as Linked In, Google Plus (Google+), Stumble Upon & Tumblr

Choice of Social Gallery Pages framework or other fallbacks, including HashBang solution to distinct image comments

CSS3 Animations can be chosen for the opening & closing of Social Gallery!

Future features will be voted upon in forums, requests include a mobile version, jQuery version, preloading, description mutators, more themes and more!

Theme compatiblity: Social Gallery will work with 99. Themes which have lightboxes, or plugins which add lightboxes will need to have these removed for Social Gallery to work (because it’s a lightbox.Free updates for life! All users who buy Social Gallery here get free version updates for life.» Added functionality: Delete images from Social Gallery Library via "Image Library"

1 – 15th March 2013 – Many stability improvements & Fixes, Mobile detecting, On/Off for Social Gallery Per-Post & Per-Page, Escaped HTML now allowed for title & Descriptions, Settings Backup and much more!, also pre-cursor update to Social Gallery Mobile & Stat’s Add-ons and Justified Image Grid Improvement

» Fixed a bug with Social Gallery Pages "title" attribute

» Fixed bug where tweet links to page (now links to Social Gallery Page or Fallback)

» Fixed bug where g+ links to page (now links to Social Gallery Page or Fallback)

» Fixed Bug in single-social-gallery-image template

» Fixed options in single-social-gallery-image template

» Added Social Gallery Page awareness to viewer + Social Gallery Page template

» Added "Disable Social Gallery Per Post/Page" meta boxes to posts/pages

» Added On/Off for "Disable Social Gallery Per Post/Page" feature to Settings

» Added capacity to properly save "custom-social-gallery-image.» Implemented Total disabling of Social Gallery per post/page, including includes

0 – 13th December 2012 – Added Google Adsense compatibility, Social Gallery Pages, CSS3 Animations, Super Easy Install Wizard, Tumblr, Linked In, Google+ & Stumble Upon Sharing, Full Screen Mode, Theme Engine, Enhanced Management Area & Admin, Improved code efficiency & robustness and many more tweaks

» Fixed 4 bugs related to image proportion, gallery margin and scaling

» Improvement: Added capacity to enable/disable Social Gallery Pages function

» Improvement: Refined "Social Gallery Pages"

» Improvement: Made it easier to share Social Gallery and Earn a commision

» Improvement: Redeveloped Social Gallery Plugin Homepage

» Improvement: Built specific social gallery encoder to ultimately minify code

» Added Social Gallery Pages functionality

» Added Social Gallery Pages customisation

» Added CSS3 Animation's for opening & closing Social Gallery [v2 easter egg]

com/social-gallery/your-image)

» Added Pretty Urls for Unique Social Gallery Pages

» Added "As seen on" to unique Social Gallery Pages

» Added Social Gallery News to homepage

» Added functionality: Image Gallery Margin Setting

» Added functionality: Image Gallery Enlarging via Setting

» Added Stronger CSS rules to Social Gallery

» Added NextGen Gallery Overview Mode

» Added Gallery Compatability Mode

More Details

4. jQuery Social Stream

featured image

Looking For jQuery Social Media Plugins?

jQuery Social Media Tabs

jQuery Social Share Buttons

Option to display comments Facebook page gallery feeds.Multiple examples & demos.Tested up to jQuery 1.Adding A jQuery lightbox gallery

browser function for jQuery 1.Updated: jQuery Isotope v 1.jQuery Isotope: http://isotope.

More Details

5. Wope Slider - The Responsive Layer Slider

featured image

You can see it here Animation Examples.

More Details

6. Shuffling Tiles jQuery Plugin

featured image

Extensive documentation, with over 10 pages of detailed documentation, many containing interactive examples,

More Details

7. Nethnic Parallax Slider jQuery Plugin

featured image

Nethnic Parallax Slider jQuery Plugin

Nethnic Parallax is the jQuery universal content slider plugin with

Four different behaviours: carousel, gallery, multicontent and free-slide

Lots of working non-minified examples, with most of the features covered in detail

More Details

8. FueledWeb Pro Thumbnail Scroller

featured image

FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery. Hit the Live Preview page for complete description of features, examples and plugin settings. jQuery

jQuery Easing

More Details

9. Thumbnail Gallery (WP NextGEN Gallery Template)

featured image

This NextGEN Template will help you to easily add a flickr thumbnail gallery wordpress to your WordPress website or blog. The gallery is completely customizable, resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones). For this to work you need to have NextGEN Gallery installed.Browse the gallery on touchscreen devices using one finger (swipe thumbnails, images or lightbox).You can hide the thumbnails and show them on gallery hover.View the Live Preview to see some customization examples.

More Details

10. Megafolio Pro Responsive Grid JQuery Plugin

featured image

Megafolio Pro Gallery jQuery PluginTime to go Pro!

Dive right into the action by taking a look at our previews, showcasing just a few examples of whats possible with Megafolio Pro!

Try our examples and also resize the screen for a responsive preview. Fast CSS3 & jQuery Engine

4 with jQuery Support 1.Added jQuery 1.

More Details

11. Youtube Vimeo Gallery Background

featured image

Gallery supports Youtube and download slideshow jQuery playback with multiple layout configurations.Optional deeplinking with jquery address for improved SEO.All demo examples included in the download package for easy setup. Optional deeplinking with jquery address

Multiple layouts with optional playlist, clean video with no other screen elements, mini gallery and widget posibilities. Optional gallery thumbnail orientation switch (vertical / horizontal)

Responsive Video Gallery HTML5 Youtube Vimeo

JQuery Thumbnail Gallery With Lightbox

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

12. Justified Image Grid - Premium WordPress Gallery

featured image

The #1 best selling gallery on CodeCanyon

This responsive WordPress gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and google image search search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard WP galleries [gallery] as [justified_image_grid] with lots of new features and options. The settings are available to change on a per gallery basis, extending the global settings and presets. There is no need to remember shortcode attributes/values because of the Shortcode Editor that has examples and contextual help. #2 Settings and creating a gallery

Automatically align images to a justified gallery keeping their original aspect ratio

NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Hidden limit – limit the number of thumbs but cycle all gallery images in the lightbox

224 unique settings and shortcode attributes that you can change for each gallery

These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures. Features simply the best mouse enter/leave animation solution, hoverFlow for jQuery to solve the jQuery slideshow animation buildup

This is one of best gallery plugins out there.This is the best gallery plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love this gallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!

Link RSS images to their permalink or the image itself (RSS Reader mode or RSS Gallery mode basically)

The ng_random_images now accepts a comma separated list of multiple gallery ids to allow random images from multiple galleries. This is useful for sorting by gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. Added: Using Recent Posts feature, when Click on a thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)

Added: Custom text to add before & after each gallery (can be disabled on individual instances)

Improved: jQuery source setting is more aggressive, more compatible and has more options with exact version numbers. Checked: for jQuery v1. Examples: Post and WP image tags and categories; NextGEN, Instagram and Flickr tags, Custom post types’ custom taxonomies e.Added: Nextgen random images (display some random images of a gallery or regardless of gallery – the limit is applied after randomization)

Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid

Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after the gallery with instructions to resolve the issue.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)

All in all this means you can tag WP images, just like NextGEN, and display a gallery based on the tag.Added: Jquery source option: added 5th setting to only change jQuery settings on pages where JIG is used (old themes support)

Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly

Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone

Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Added: If all images have failed to load (likely because of TimThumb permissions), an error is displayed about what to do (It’s a red text like the old jQuery version error)

Added: A setting for jQuery mobile content grid to add link rel external when on mobile device and link rel is auto – this helps images open properly

Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required

Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.5 – February 12, 2013 – User suggested new features, NextGEN core changes, browser and jQuery compatibility bugfixes for the shortcode editor, mobile experience improvements…

Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)

Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)

Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)

Social Gallery doesn’t support HTML (links to the file to download)

Improved: NextGEN album and gallery dropdown selectors now include the ID id the shortcode editor

Bugfix: Shortcode Editor: IE: The jQuery .Bugfix: Customized prettyPhoto to be jQuery 1.Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe

Updated: jQuery 1.Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly

call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using the plugin with best wordpress gallery

Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Recent posts can link to the images (lightbox) instead of posts – create a jQuery gallery using flickr recent posts, not a slider

Added: Ability to automatically exclude featured image from the gallery (use the word feature in the exclude field)

Improved: jQuery 1.Improved: Social Gallery V2 compatibility

Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)

Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility

More Details

13. Ether Grid Slider jQuery Plugin

featured image

Ether Grid Slider is an extremally functional jQuery plugin designed for transforming any type of content into practical grids and/or sliders. There are many thoroughly documented predefined examples you can base your configurations on.Fixed: Revised documentation and more descriptive and novice user friendly examples

Image gallery options

hide_grid_cell_overflow: Advanced: Useful when there’s a jQuery grid gallery of images with column spacing and images are higher than column content height (practically it means vertical margins seem to be half the size).Image Gallery Options

You can see a couple of practical implementation examples on the slider demo page or by browsing the examples available inside the package upon download.Fixed: Revised documentation and more descriptive and novice user friendly examples

Fixed: jQuery 2.10+ premade examples including: classic slider, clients slider, custom text content slider, dynamic slider, external linking, image feed, services slider, testimonials slider and more

More Details

14. Versatile Touch Slider

featured image

Versatile Touch Slider is a slider jQuery plugin that offers a variety of options. See below the main features and click on Live Preview to see some examples.Easy to configure and use (Examples included);

Slider Type: Banner Rotator, Shelf, Gallery, Html Content;

CSS3 Animations / jQuery Fallback;

code changes for compatibility with jQuery 1.

More Details

15. JQuery Thumbnail Gallery With LightBox

featured image

update to jquery 1.update prettyphoto for jquery 1.The Ultimate Thumbnail gallery

All demo examples included in the download package for easy setup.Responsive Video Gallery HTML5 Youtube Vimeo

JQuery Thumbnail Gallery With Lightbox

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

16. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards.

More Details

17. jquery Slider Zoom In/Out Effect Fully Responsive

featured image

Also, all the examples present in the preview are included in the download . banner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch

More Details

18. Responsive Gridfolio

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries.

More Details

19. MelonHTML5 - Timeline

featured image

It comes with 4 different timeline element types (blog post, mini gallery, slider and embedded iframe), each element type has its own unique feature and plenty of customizalbe options, which should suit all your needs.Mini Gallery:

A full CSS3 (jQuery Fallback for IEs) lightbox is included which can be applied to images used in elemetns.CSS3 animations + jQuery Fallback for IE

All animations are written in CSS3 for better performance, and old IEs will get jQuery animations. Examples are included in the files.Added responsive and mobile mode to examples

More Details